import Vue from "vue";
let Section = {};
Section.Temp = `
<div class="section">
  <div class="activity_des" v-for="(item,SectionIndex) in sedata.Section">
    <div class="activity_des_title">
        <h2 class="f1">
            {{item.Title}}
        </h2>
    </div>
    <div class="activity_des_content prizes_desc">
        <ul>
            <li v-if="item.PlaceText">
                <div style="position:relative;left:0;top:0;">
                    <p v-html="item.PlaceText.replace(/\\n/g,'<br/>')"></p>
                </div>
            </li>
            <li v-for="(desc,index) in item.Desc">
                <div v-if="desc.Text && desc.Text!=''" style="position:relative;left:0;top:0;">
                    <p v-html="desc.Text.replace(/\\n/g,'<br/>')"></p>
                </div>
                <div v-if="desc.Img && desc.Img!=''" class="content_img" style="position:relative;left:0;top:0;">
                    <div>
                        <img :src="desc.Img" alt="">
                    </div>
                </div>
                <div v-if="desc.Video && desc.Video!=''" style="position:relative;left:0;top:0;">
                    <iframe :src="desc.Video" class="page_iframe"></iframe>
                </div>
            </li>
        </ul>
    </div>
  </div>
</div>
`;
let ReadSection = Vue.extend({
  template: Section.Temp,
  props: ["sedata"],
});
export default ReadSection;